.flex {
	display: flex;
	&.wrap {
		flex-wrap: wrap;
	}
	&.column {
		flex-direction: column;
	}
	 
	&.align-start {
		align-items: flex-start;
	}
	&.align-center {
		align-items: center;
	}
	&.align-end {
		align-items: flex-end;
	}
	
	&.justify-start {
		justify-content: flex-start;
	}
	&.justify-between {
		justify-content: space-between;
	}
	&.justify-around {
		justify-content: space-around;
	}
	&.justify-end {
		justify-content: flex-end;
	}
	&.justify-center {
		justify-content: center;
	}
}

.flex-auto {
	flex: 1;
}


.gray-bg {
	background: #fefefe;
}

.full-page {
	min-height: calc(100vh - var(--window-top));
	height: auto;
}

.one-page {
	height: calc(100vh - var(--window-top));
	width: 100%;
}

.normal-bg {
	background: #f0f0f0;
}

.card {
	background: #fff;
	border-radius: 10*2rpx;
}

.fill {
	width: 100%;
	height: 100%;
}
.container {
	padding: 16*2rpx;
}

.input {
	font-size: 14*2rpx;
	color: #141A1E;
}
.input-placeholder {
	font-size: 14*2rpx;
	color: #BFC1C2;
}
.uni-picker-custom {
	
}

.safe-bottom {
	padding-bottom: 120*2rpx;
}

.uni-data-tree-dialog {
	border-top-left-radius: 16*2rpx !important;
	border-top-right-radius: 16*2rpx !important;
	top: auto !important;
	bottom: 0 !important;
	height: 312*2rpx;
	.title-area {
		margin: 0 !important;
		font-weight: 500;
		font-size: 18*2rpx;
		line-height: 25*2rpx !important;
		color: #141A1E;
		padding-top: 10*2rpx !important;
		padding-left: 20*2rpx !important;
	}
	.dialog-close {
		padding: 0 15*2rpx !important;
		top: 10*2rpx !important;
		right: 5*2rpx !important;
	}
	.dialog-close-plus {
		width: 19*2rpx !important;
		height: 2*2rpx !important;
		background-color:#141a1e !important;
	}
	.selected-list {
		background: #f7f7f8;
		margin-top: 8*2rpx;
		padding-left: 16*2rpx !important;
		padding-right: 16*2rpx !important;
		box-sizing: border-box;
		
	}
	.selected-item-active {
		border-bottom: none !important;
		color: #EDF4D9 !important;
	}
	.item-text-overflow {
		text-align: left !important;
		font-weight: 400;
		font-size: 16*2rpx !important;
		line-height: 22*2rpx !important;
		color: #BFC1C2 !important;
		&.center {
			text-align: center !important;
		}
	}
	.item-text {
		color: #BFC1C2 !important;
	}
	.selected-item-text-overflow {
		color: #141A1E;
		width: auto !important;
		max-width: 6em !important;
		font-size: 14*2rpx !important;
	}
	.selected-item {
		
	}
	.item {
		border-bottom: 1*2rpx solid #E9EFF2 !important;
		padding: 16*2rpx 0 !important;
		width: 343*2rpx !important;
		margin: 0 auto;
		&:nth-last-child(1){
			border-bottom: 0 !important;
		}
		&.checked {
			.item-text {
				font-weight: bold;
				color: #EDF4D9 !important;
			}
		}
	}
	 
	 
	.check {
		 display: none;
	}
	
	 
}

.ellipsis-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.ellipsis-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}


.type-tabs {
		 .v-tabs__container-item {
			padding: 0 !important;
			width: 70*2rpx;
			// background: #fff;
			position: relative;
			padding-right: 8*2rpx !important;
			position: relative;
			&:nth-last-child(1){
				padding-right: 0 !important;
			}
			.mask {
				height: 100%;
				width: 70*2rpx;
				background: #fff;
				position: absolute;
				left: 0;
				top: 0;
				border-radius: 30*2rpx;
				// transition:background-color 0.2s;
			}
			.text {
				width: 100%;
				text-align: center;
				position: relative;
				line-height: 66rpx;
				// transition: color 0.2s;
			}
			&.active {
				.mask {
					background: #EDF4D9;
				}
			}
		 }
		 .v-tabs__container-pills {
			 display: none;
		 }
		 .v-tabs__container-line {
			 width: 70*2rpx !important;
			 padding: 0 !important;
			 border-radius: 30*2rpx !important;
			 margin-left: -20*2rpx;
			 display: none;
		 }
	 }
	 
	 
	 
.no-scroll-bar {
	::-webkit-scrollbar {
	  display: none;
	}
}

.block-title {
		box-sizing: border-box;
		width: 100%;
		padding: 0 16*2rpx;
		.title {
			padding-left: 8*2rpx;
			font-weight: 500;
			font-size: 18*2rpx;
			line-height: 25*2rpx;
			color: #191E22;
		}
		.person {
			padding-right: 10*2rpx;
			height: 25*2rpx;
			background: #FFF7EB;
			border-radius: 6*2rpx;
			.text {
				font-weight: 500;
				font-size: 10*2rpx;
				line-height: 25*2rpx;
				color: #FFB84D;
				opacity: 0.9;
			}
			.icon {
				transform: rotate(10deg);
				margin-right: 3*2rpx;
			}
		}
	}
	
.bold {
	font-weight: bold;
}

.font-10 {
	font-size: 10*2rpx;
	line-height: 14*2rpx;
}
.font-12 {
	font-size: 12*2rpx;
	line-height: 17*2rpx;
}
.font-14 {
	font-size: 14*2rpx;
	line-height: 20*2rpx;
}
.font-15 {
	font-size: 15*2rpx;
	line-height: 21*2rpx;
}
.font-16 {
	font-size: 16*2rpx;
	line-height: 22*2rpx;
}
.font-18 {
	font-size: 18*2rpx;
	line-height: 25*2rpx;
}
.font-20 {
	font-size: 20*2rpx;
	line-height: 28*2rpx;
}

.color-141A1E {
	color: #141A1E;
}
.color-4F4F4F {
	color: #4F4F4F;
}
.color-BFC1C2 {
	color: #BFC1C2;
}
.color-FFFFFF {
	color: #FFFFFF;
}
.color-737678{
	color: #737678;
}
.color-000000{
	color: #000000;
}
.color-737678{
	color: #737678;
}

.color-33B1FF {
	color: #EDF4D9;
}


.bold-100 {
	font-weight: 100;
}
.bold-200 {
	font-weight: 200;
}
.bold-300 {
	font-weight: 300;
}
.bold-400 {
	font-weight: 400;
}
.bold-500 {
	font-weight: 500;
}
.bold-600 {
	font-weight: 600;
}
.bold-700 {
	font-weight: 700;
}
.bold-800 {
	font-weight: 800;
}
.bold-900 {
	font-weight: 900;
}

.text-center {
	text-align: center;
}



.circle-progress-bar .container{
	padding: 0;
}